<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/css.css">
</head>

<body>
    <!-- 顶部三个菜单栏 -->
    <header class="site-head">
        <!-- 最顶部的bar -->
        <div class="topbar">
            <!-- 导航区  -->
            <nav class="center-wrap">
                <div class="shortcut-links">
                    <ul>
                        <li><a href="">目的地</a></li>
                        <li><a href="">锦囊</a></li>
                        <li class="have-menu">
                            <a href="">社区</a>
                            <img class="arrow" src="images/arrow_icon.png" alt="">
                            <div class="menu sq-menu">
                                <a class="sdfdsfdsf" href=""></a>
                                <ul class="menu-list">
                                    <li><a href="">旅游论坛</a></li>
                                    <li><a href="">旅游专栏</a></li>
                                    <li><a href="">旅行问答</a></li>
                                    <li><a href="">旅行生活分享平台</a></li>
                                    <li><a href="">JNE旅行生活美学</a></li>
                                    <li><a href="">Biu伴(原结伴同游)</a></li>
                                    <li><a href="">负责任的旅行</a></li>
                                    <li><a href="">特别策划</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="">行程助手</a></li>
                        <li class="have-menu"><a href="">商城</a>
                            <img class="arrow" src="images/arrow_icon.png" alt="">
                            <div class="menu sc-menu">
                                <ul class="menu-list">
                                    <li><a href="">机酒自由行</a></li>
                                    <li><a href="">当地玩乐</a></li>
                                    <li><a href="">签证</a></li>
                                    <li><a href="">保险</a></li>
                                    <li><a href="">租车自驾</a></li>
                                    <li><a href="">邮轮</a></li>
                                    <li><a href="">河轮</a></li>
                                    <li><a href="">私人定制</a></li>
                                    <li><a href="">欧洲铁路</a></li>
                                </ul>
                            </div>
                        </li>
                        <li class="have-menu">
                            <a href="">酒店·民宿</a>
                            <img class="arrow" src="images/arrow_icon.png" alt="">
                            <div class="menu jdms-menu">
                                <ul class="menu-list">
                                    <li><a href="">酒店</a></li>
                                    <li><a href="">爱彼迎</a></li>
                                    <li><a href="">华人旅店</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="">特价酒店</a></li>
                    </ul>
                </div>
                <!-- 图标栏+登录 -->
                <div class="login-icon">
                    <span class="iconfont">&#xe618;</span>
                    <span class="">|</span>
                    <span class="iconfont">&#xf01af;</span>
                    <span class="iconfont">&#xf0106;</span>
                    <span class="iconfont">&#xe882;</span>
                    <span class="text">登录</span>
                    <span class="text">注册</span>
                </div>

            </nav>
        </div>
        <nav class="main-nav">
            <div class="center-wrap">
                <nav class="main">
                    <ul>
                        <li class="have-menu">
                            <a href="">机酒自由行</a>
                            <div class="menu jj-menu">
                                <h4>全部</h4>
                                <ul class="menu-list">
                                    <li><a href="">自由行</a></li>
                                    <li><a href="">优惠机票</a></li>
                                    <li><a href="">酒店</a></li>
                                    <li><a href="">游轮</a></li>
                                    <li><a href="">定制游</a></li>
                                    <li><a href="">马尔代夫</a></li>
                                    <li><a href="">海岛游</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="">优惠机票</a></li>
                        <li class="have-menu">
                            <a href="">跟团游</a>
                            <div class="menu gt-menu">
                                <h4>全部</h4>
                                <ul class="menu-list">
                                    <li><a href="">跟團遊</a></li>
                                    <li><a href="">半自助遊</a></li>

                                </ul>
                            </div>
                        </li>
                        <li><a href="">酒店</a></li>
                        <li class="have-menu">
                            <a href="">当地玩乐</a>
                            <div class="menu dd-menu">
                                <h4>全部</h4>
                                <ul class="menu-list">
                                    <li><a href="">日游小团</a></li>
                                    <li><a href="">深度体验</a></li>
                                    <li><a href="">门票票卷</a></li>
                                    <li><a href="">餐饮美食</a></li>
                                    <li><a href="">WIFI电话卡</a></li>
                                    <li><a href="">购物</a></li>
                                    <li><a href="">交通票卷</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="">签证</a></li>
                        <li><a href="">游轮</a></li>
                        <li><a href="">河轮</a></li>
                        <li><a href="">保险</a></li>
                        <li><a href="">租车自驾</a></li>
                        <li class="have-menu">
                            <a href="">深度旅游</a>
                            <div class="menu sd-menu">
                                <h4>全部</h4>
                                <ul class="menu-list">
                                    <li><a href="">CityWalk</a></li>
                                    <li><a href="">特色长线</a></li>
                                    <li><a href="">Q-Home</a></li>
                                </ul>
                            </div>
                        </li>
                        <li><a href="">私人定制</a></li>
                    </ul>
                </nav>
            </div>
        </nav>
        <div class="header-content">
            <div class="center-wrap">
                <h1 class="title">慕云游商城</h1>
                <div class="search-box">
                    <input type="text" placeholder="搜索旅游地">
                    <a class="search-btn btn" href="">
                        <span class="iconfont">&#xe618;</span>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <section class="banner" id="banner">
        <!-- <img src="images/banner1.jpg" alt=""> -->
        <div class="carousel-list">
            <ul id="carousel-list">
                <li><img src="images/banner1.jpg" alt=""></li>
                <li><img src="images/banner2.jpg" alt=""></li>
                <li><img src="images/banner3.jpg" alt=""></li>
                <li><img src="images/banner4.jpg" alt=""></li>
                <li><img src="images/banner5.jpg" alt=""></li>
            </ul>
        </div>
        <!-- 小圆点 -->
        <ol id="circles" class="circles">
            <li class="current" data-n="0"></li>
            <li data-n="1"></li>
            <li data-n="2"></li>
            <li data-n="3"></li>
            <li data-n="4"></li>
        </ol>
        <div class="center-wrap">
            <!-- 左右两个< > -->
            <a class="leftbtn" id="leftbtn" href="javascript:;">&lt;</a>
            <a class="rightbtn" id="rightbtn" href="javascript:;">&gt;</a>
            <nav class="banner-nav" id="banner-nav">
                <ul class="menu-list">
                    <li class="hot" data-t="hot">
                        <dl>
                            <dt>热门出发地</dt>
                            <dd>北京 上海 广深 西南 国内其他</dd>
                        </dl>
                    </li>
                    <li class="ch" data-t="ch">
                        <dl>
                            <dt>港澳台 国内</dt>
                            <dd>香港 澳门 台湾 国内其他</dd>
                        </dl>
                    </li>
                    <li class="jp" data-t="jp">
                        <dl>
                            <dt>日本 韩国东京</dt>
                            <dd>大阪 冲绳 北海道 福冈</dd>
                        </dl>
                    </li>
                    <li class="dn" data-t="dn">
                        <dl>
                            <dt>东南亚 南亚</dt>
                            <dd>泰国 新加坡 马来西亚 马尔代夫</dd>
                        </dl>
                    </li>
                    <li class="eu" data-t="eu">
                        <dl>
                            <dt>欧洲 美洲</dt>
                            <dd>英国 法国 美国 加拿大</dd>
                        </dl>
                    </li>
                    <li class="zd" data-t="zd">
                        <dl>
                            <dt>澳新 中东非</dt>
                            <dd>澳大利亚 新西兰 迪拜</dd>
                        </dl>
                    </li>
                </ul>
                <div class="menus-list">
                    <ul class="menu" data-t="hot">
                        <li>
                            <dl>
                                <dt>港澳台</dt>
                                <dd>香港 澳门 台北 高雄 香港迪士尼 香港海洋公园 交通接驳 澳门 塔新濠天地水舞间 澳门豪华自助
                                    台北101 台湾美食</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>国内热门城市</dt>
                                <dd>三亚 东北雪乡 大理 丽江 昆明 西双版纳 拉萨 成都 重庆 长白山 厦门 长沙 桂林北京 西安 敦煌 杭州
                                    上海 无锡 南京 广州 黄山 莫干山 新疆 北海 九华山 太原 张家口</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>国内热门景点</dt>
                                <dd>北京故宫 东北滑雪 恭王府 长城 青城山大熊猫基地 峨眉山 都江堰 长恨歌表演 兵马俑 大唐芙蓉园
                                    三亚日游 厦门鼓浪屿 千岛湖 呼伦贝尔草原 希拉穆仁草原 大理日游 杭州 重庆两江夜游船票</dd>
                            </dl>

                        </li>
                    </ul>
                    <ul class="menu" data-t="ch">
                        <li>
                            <dl>
                                <dt>港澳台</dt>
                                <dd>香港 澳门 台北 高雄 香港迪士尼 香港海洋公园 交通接驳 澳门塔 新濠天地水舞间 澳门豪华自助 台北101 台湾美食</dd>
                            </dl>
                        </li>
                    </ul>
                    <ul class="menu" data-t="jp">
                        <li>
                            <dl>
                                <dt>日本</dt>
                                <dd>东京 大阪 冲绳 北海道 札幌 京都 名古屋 福冈 长崎 鹿儿岛 JR Pass 米其林餐厅 东京迪士尼
                                    大阪环球影城 冲绳一日游 City Walk 西瓜卡 京都日游 和服体验 包车服务 富士山日游</dd>
                            </dl>
                        </li>
                    </ul>
                    <ul class="menu" data-t="dn">
                        <li>
                            <dl>
                                <dt>泰新马</dt>
                                <dd>普吉岛 清迈 曼谷 苏梅岛 甲米 芭堤雅 拜县
                                    新加坡 马来西亚 沙巴 吉隆坡 皇帝岛 泰国人妖 泰国丛林飞跃 泰国spa按摩 清迈夜间动物园 泰拳表演清莱一日游 新加坡环球影城 新加坡日游
                                    新加坡滨海湾花园 沙巴美人鱼岛
                                    沙巴红树林萤火虫</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>东南亚</dt>
                                <dd>巴厘岛 长滩岛 马尼拉 薄荷岛 美娜多芽庄 岘港 富国岛 柬埔寨 缅甸 老挝 文莱 蓝梦岛 巴厘岛SPA 网红漂浮下午茶 珍珠岛游乐园
                                    富国岛浮潜海钓 吴哥窟 西哈努克</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>南亚 西亚</dt>
                                <dd>马尔代夫 斯里兰卡 印度 尼泊尔
                                    格鲁吉亚阿塞拜疆 亚美尼亚</dd>
                            </dl>
                        </li>
                    </ul>
                    <ul class="menu" data-t="eu">
                        <li>
                            <dl>
                                <dt>欧洲</dt>
                                <dd>法国 意大利 土耳其 俄罗斯 西班牙 瑞士 英国 希腊 荷兰 德国 捷克 葡萄牙 奥地利 瑞典 丹麦 挪威 冰岛 芬兰 罗瓦涅米 奥斯陆 雷克雅未克 因特拉肯 巴塞罗那
                                    伦敦 巴黎 塞纳河 慕尼黑
                                    普罗旺斯 温莎日游 巴黎迪斯尼 伊斯坦布
                                    尔阿尔罕布拉宫 唐顿庄园 埃菲尔铁塔 凡尔赛宫 北欧破冰船 极光之旅 英国天空岛</dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>美洲</dt>
                                <dd>美国 加拿大 墨西哥 巴西 阿根廷 智利 秘鲁
                                    玻利维亚 洛杉矶 纽约 拉斯维加斯 旧金山
                                    圣地亚哥芝加哥 西雅图 华盛顿 奥兰多 夏威夷
                                    塞班岛 关岛 环球影城 迪士尼 演出票
                                    尼亚加拉大瀑布 帝国大厦 奥特莱斯 黄石国家公园
                                    纽约大都会博物馆 美国大峡谷西峡
                                    拉斯维加斯摩天轮 羚羊峡谷+马蹄湾</dd>
                            </dl>
                        </li>
                    </ul>
                    <ul class="menu" data-t="zd">
                        <li>
                            <dl>
                                <dt>澳新 南太平洋</dt>
                                <dd>墨尔本 悉尼 黄金海岸 凯恩斯 布里斯班奥克兰 斐济 珀斯 圣灵群岛 大堡礁 墨尔本之星
                                    悉尼热气球 水上飞机 海港大桥 皇后镇霍比特人村 怀托莫萤火虫洞 米尔福德峡湾 新西兰滑雪
                                    瓦纳卡 </dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>中东非</dt>
                                <dd>迪拜 摩洛哥 毛里求斯 埃及 塞舌尔 马达加斯加 以色列 肯尼亚 南非 伊朗 约旦 突尼斯 迪拜
                                    塔法拉利主题公园 迪拜七星帆船酒店用餐
                                    夜游迪拜河 亚特兰蒂斯水上乐园 动物大迁徙
                                    撒哈拉沙漠 金字塔 纳米比亚</dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
        </nav>
    </section>

    <script src="js/carousel.js"></script>
    <script src="js/menu.js"></script>

    <!-- 热门图片 -->
    <section class="hot-ads">
        <div class="center-wrap">
            <ul>
                <li>
                    <a href="">
                        <img src="images/small01.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/small02.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/small03.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="images/small04.png" alt="">
                    </a>
                </li>
            </ul>
        </div>

    </section>
    <!-- 新鲜甩尾  -->
    <section class="xxsw">
        <div class="center-wrap">
            <div class="top-titles">
                <h2>新鲜甩尾</h2>
                <span>每日不可不看的好货</span>
            </div>
            <div class="content">
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw1.png" alt="">
                    </div>
                    <div class="wordbox">[品质小团/快速确认] 新西兰福克斯冰川直升机观光+冰川徒步（提供…</div>
                </div>
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw2.png" alt="">
                    </div>
                    <div class="wordbox">[北欧破冰船] 芬兰+瑞典极地探险号破冰船活动+冰上漂浮+瑞典小…</div>
                </div>
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw3.png" alt="">
                    </div>
                    <div class="wordbox">[指定班期特惠][全程中文伴游] 摩洛哥全景深度10日游（卡萨进出…</div>
                </div>
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw4.png" alt="">
                    </div>
                    <div class="wordbox">马来西亚天空之镜+河口赏鹰+夜游萤火虫+寻找蓝眼泪（马来西亚瓜拉雪…</div>
                </div>
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw5.png" alt="">
                    </div>
                    <div class="wordbox">[品质小团/快速确认] 新西兰福克斯冰川直升机观光+冰川徒步（提供…</div>
                </div>
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw6.png" alt="">
                    </div>
                    <div class="wordbox">北京直飞马尔代夫6-7天往返含税机票（首都航空/售完为止）…</div>
                </div>
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw7.png" alt="">
                    </div>
                    <div class="wordbox">[拒签全退][全国25城联运] 北京往返格鲁吉亚+阿塞拜疆7-30天自由行…</div>
                </div>
                <div class="content-box">
                    <div class="pic-box">
                        <img src="images/xxsw8.png" alt="">
                    </div>
                    <div class="wordbox">[拒签全退][全国25城联运] 北京往返格鲁吉亚+阿塞拜疆7-30天自由行…</div>
                </div>
            </div>
        </div>
    </section>
    <!-- 机酒自由行 -->
    <section class="jjzyx content-part common-style">
        <div class="center-wrap">
            <!-- 顶部部分 -->
            <div class="hd">
                <h2>机酒自由行</h2>
                <em>挑选全球机票、酒店、邮轮等旅行产品</em>
                <ul>
                    <li class="cur">近期好货</li>
                    <li>新品汇聚</li>
                    <li>定制游</li>
                    <li>国内推荐</li>
                    <li>优惠机票</li>
                    <li>热门海岛</li>
                    <li>热卖签证</li>
                </ul>
            </div>
            <!-- 图片盒子部分 -->
            <div class="bd">
                <div class="main-grid">
                    <img src="images/jjzyx1.png" alt="">
                    <div class="tag">机票</div>
                    <div class="content">
                        <p>[樱花季]天津直飞东京/大阪/名古屋/冲绳/札幌2-30天往返</p>
                        <p>含税机票【甩尾/多团期】</p>
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/jjzyx2.png" alt="">
                        <div class="tag">机票</div>
                    </div>
                    <div class="wordbox">
                        北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/jjzyx3.png" alt="">
                        <div class="tag">机票</div>
                    </div>
                    <div class="wordbox">
                        北京/天津直飞日本东京/大阪/东阪/福冈/名古屋冲绳/北海道4-7天往返…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/jjzyx4.png" alt="">
                        <div class="tag">机票</div>
                    </div>
                    <div class="wordbox">
                        [樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/jjzyx5.png" alt="">
                        <div class="tag">机票</div>
                    </div>
                    <div class="wordbox">
                        杭州/上海/宁波/义乌直飞越南芽庄/岘港4-6天往返含税机票（20KG行…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/jjzyx6.png" alt="">
                        <div class="tag">机票</div>
                    </div>
                    <div class="wordbox">
                        [赠自由行礼包] 上海/杭州/南京/合肥/宁波/徐州直飞日本东京/大阪…
                    </div>
                </div>
                <div class="last-grid">
                    <div class="content">
                        <p>查看更多</p>
                        <p>机酒自由行产品</p>
                    </div>
                    <div class="icon">
                        →
                    </div>
                    <ul>
                        <li>机票</li>
                        <li>酒店</li>
                        <li>机+酒</li>
                        <li>游轮</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 当地玩乐 -->
    <section class="ddwl content-part">
        <div class="center-wrap">
            <div class="hd">
                <h2>当地玩乐</h2>
                <em>像当地人一样，体验本土的吃喝玩乐</em>
                <ul>
                    <li class="cur">国内</li>
                    <li>日本</li>
                    <li>瑞士</li>
                    <li>新西兰</li>
                    <li>澳大利亚</li>
                    <li>柬埔寨</li>
                    <li>泰国</li>
                </ul>
            </div>
            <div class="bd">
                <div class="main-grid">
                    <img src="images/ddwl1.png" alt="">
                    <div class="content">
                        <p>[亲子佳选]泰国清迈夜间动物园/Night Safari（可选接送；导游；长颈鹿餐厅）</p>
                        <div class="bottom">
                            <p>城市玩乐</p>
                            <p><strong>199</strong>元起</p>
                        </div>
                    </div>

                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/ddwl2.png" alt="">
                    </div>
                    <div class="wordbox">[网红新选] 泰国清迈黑白蓝庙一日游清莱黑庙 白庙 蓝庙 温泉驿站中文导游+酒店接送+餐赠小…</div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/ddwl3.png" alt="">
                    </div>
                    <div class="wordbox">[可接急单] 泰国普吉岛西蒙Simon人妖秀门票VIP专座近距离与人妖互动合影…</div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/ddwl4.png" alt="">
                    </div>
                    <div class="wordbox">[全岛接送+中文导游] 泰国普吉岛+皇帝岛+珊瑚岛一日游双体帆船海钓 [帆船晚会+浮潜]…</div>
                </div>
                <div class="last-grid">
                    <div class="content">
                        <p>查看更多</p>
                        <p>当地玩乐产品</p>
                    </div>
                    <div class="icon">
                        →
                    </div>
                    <ul>
                        <li>WIFI/电话卡</li>
                        <li>交通票卷</li>
                        <li>景点门票</li>
                        <li>特色体验</li>
                    </ul>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/ddwl5.png" alt="">
                    </div>
                    <div class="wordbox">[樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/ddwl6.png" alt="">
                    </div>
                    <div class="wordbox">享行之旅|泰国苏梅岛一日游 越野车丛林环岛之旅 骑大象纳蒙瀑布</div>
                </div>

            </div>
        </div>
    </section>

    <!-- 特色当地体验 -->
    <section class="tedd content-part">
        <div class="center-wrap">
            <div class="hd">
                <h2>特色当地体验</h2>
            </div>
            <div class="bd">
                <div class="grid">
                    <pic-box>
                        <img src="images/tsddty1.png" alt="">
                    </pic-box>
                    <div class="wordbox">
                        <p class="top">香港迪士尼乐园门票(一日 / 两日) - 无需换票扫码入园）</p>
                        <p class="bottom">（92833评价)2334.69k 人参加过</p>
                    </div>
                </div>
                <div class="grid">
                    <pic-box>
                        <img src="images/tsddty2.png" alt="">
                    </pic-box>
                    <div class="wordbox">
                        <p class="top">罗马金宫剧场人妖秀</p>
                        <p class="bottom">（440条评价)900K+ 人参加过</p>
                    </div>
                </div>
                <div class="grid">
                    <pic-box>
                        <img src="images/tsddty3.png" alt="">
                    </pic-box>
                    <div class="wordbox">
                        <p class="top">京都和服体验 - 梦馆</p>
                        <p class="bottom">（4,293条评价)50K+ 人参加过</p>
                    </div>
                </div>
                <div class="grid">
                    <pic-box>
                        <img src="images/tsddty4.png" alt="">
                    </pic-box>
                    <div class="wordbox">
                        <p class="top">英国巨石阵 & 温莎城堡 & 巴斯罗马浴场一日游</p>
                        <p class="bottom">（4,293条评价)50K+ 人参加过</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 最世界，深度旅游 -->
    <section class="zsj content-part common-style">
        <div class="center-wrap">
            <!-- 顶部部分 -->
            <div class="hd">
                <h2>最世界·深度旅行</h2>
                <em>摆脱千篇一律的旅行，探索属于自己的世界</em>
                <ul>
                    <li class="cur">城市CityWalk</li>
                </ul>
            </div>
            <!-- 图片盒子部分 -->
            <div class="bd">
                <div class="main-grid">
                    <img src="images/zsj1.png" alt="">
                    <div class="tag">
                        <p>城市</p>
                        <p>CityWalk</p>
                    </div>
                    <div class="content">
                        <p>【City Walk】大阪浪花の城——美食、动漫和不为人知的大阪人辛秘生活</p>
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/zsj2.png" alt="">
                    </div>
                    <div class="wordbox">
                        [City Walk] 京都伏见稻荷大社日本清酒厂巡礼半日游——赏千本鸟居…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/zsj3.png" alt="">
                    </div>
                    <div class="wordbox">
                        [City Walk] 京都好物—京都达人带你探店、美物、饮茶、艺术、日杂…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/zsj4.png" alt="">
                    </div>
                    <div class="wordbox">
                        [Citywalk] 一日游禅意京都——千年古都的维新之路…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/zsj5.png" alt="">
                    </div>
                    <div class="wordbox">
                        [City Walk] 日本桥— 穿街走巷看东京，感受大城市的市井人情…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/zsj6.png" alt="">
                    </div>
                    <div class="wordbox">
                        [Citywalk] 将军之道—京都绝景之旅(含米其林午餐）…
                    </div>
                </div>
                <div class="last-grid">
                    <div class="content">
                        <p>查看更多</p>
                        <p>深度旅行产品</p>
                    </div>
                    <div class="icon">
                        →
                    </div>
                    <ul>
                        <li>日游</li>
                        <li>周末</li>
                        <li>亲子</li>
                        <li>长线</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 跟团 半自助游 -->
    <section class="gt content-part common-style">
        <div class="center-wrap">
            <!-- 顶部部分 -->
            <div class="hd">
                <h2>跟团/半自助游</h2>
                <em>旅游需要好的选择，踏实省心</em>
                <ul>
                    <li class="cur">半自助游</li>
                    <li class="">城市CityWalk</li>
                </ul>
            </div>
            <!-- 图片盒子部分 -->
            <div class="bd">
                <div class="main-grid">
                    <img src="images/gt1.png" alt="">
                    <div class="tag">
                        <p>半自助游</p>
                    </div>
                    <div class="content">
                        <p>天津直飞沙巴5-6天半自助游（自由活动+出海两岛游+市区游+多种星级酒店）</p>
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/gt2.png" alt="">
                    </div>
                    <div class="wordbox">
                        天津直飞沙巴5-6天半自助游（自由活动+出海两岛游+市区游+多种星级酒店）
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/gt3.png" alt="">
                    </div>
                    <div class="wordbox">
                        [一价全含] 北京直飞日本东京+大阪+名古屋+京都6/7天深度游（全程三…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/gt4.png" alt="">
                    </div>
                    <div class="wordbox">
                        天津直飞芽庄5-7天半自助游（优质越南/越捷航空，12天自由行/赠送京…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/gt5.png" alt="">
                    </div>
                    <div class="wordbox">
                        广州直飞美娜多5-6半自助游（班达尼莫公园+布纳肯浮潜+1-2天自由活动…
                    </div>
                </div>
                <div class="grid">
                    <div class="pic-box">
                        <img src="images/gt6.png" alt="">
                    </div>
                    <div class="wordbox">
                        (免签入境）深圳直飞伊朗德黑兰8天5晚半自助游（含国际往返机票+伊…
                    </div>
                </div>
                <div class="last-grid">
                    <div class="content">
                        <p>查看更多</p>
                        <p>精品跟团/半自助游</p>
                    </div>
                    <div class="icon">
                        →
                    </div>
                    <ul>
                        <li>跟团游</li>
                        <li>半自助游</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer>

        <div class="part1">
            <div class="center-wrap">
                <ul class="r1">
                    <li>机酒自由行</li>
                    <li>当地玩乐</li>
                    <li>优惠机票</li>
                    <li>签证</li>
                    <li>马尔代夫</li>
                    <li>邮轮</li>
                    <li>租车自驾</li>
                    <li>欧洲铁路</li>
                    <li>新鲜甩尾</li>
                    <li>深度旅游</li>
                </ul>
                <ul class="r2">
                    <li>
                        <dl>
                            <dt>贴心服务</dt>
                            <dd>我们收集慕云游者的真实诉求，找寻特色旅行目的地，让慕云游者放心出行</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>层层筛选</dt>
                            <dd>对旅游产品供应商严格筛选，资质层层把关
                                为慕云游者挑选符合需求的旅行产品</dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>安心庇护</dt>
                            <dd>对慕云游者的购买进行跟踪服务以及质量监控，生效投诉先行赔付，出现问题及时解决</dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
        </div>
        <div class="part2">
            <div class="center-wrap">
                <div class="r1">
                    <h2>慕云游商城</h2>
                    <p>从一张机票、一家酒店的订购，到一次暖心的接机服务、一张轻松融入当地的交通卡让我们带你探索这个世界</p>
                </div>
                <ul>
                    <li>关于慕云游商城</li>
                    <li>服务与隐私</li>
                    <li>联系我们</li>
                    <li>旅游度假资质</li>
                    <li>营业执照</li>
                    <li>投诉建议</li>
                </ul>
                <p class="copyright">&copy; 2020 imooc.com  京ICP备 12003892号-11 京公网安备11010802030151号 营业执照</p>
            </div>
        </div>
    </footer>
    <a href="javascript:;" class="backTop" id="backTop">
        返回<br>顶部
    </a>
    <script src="js/backtop.js"></script>
</body>

</html>